<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>投资人首页</title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
		<link rel="stylesheet" href="../css/leftSidebar.css">
	</head>
	<style type="text/css">
	html,body{height: 100%;padding-bottom: 50px;}
		.col-xs-12.nav_right{padding: 0;height: 100px;padding-right: 0;margin-right: 0;min-width: 1100px;height: 100px;padding-right: 0;margin-right: 0;padding-left: 160px;}
		#myTab a{color: #7c7c7c; font-size: 15px;}
		#myTab>li.active>a{color: #3f4142; background-color: #fff;}
		.navbar-form{margin-top: 0;}
		.tab_creat .active{color:#6bc50d;}
		.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active{background-color: #fff;}
		.table>tfoot>tr.active>td{background-color: #fff;}
		.table>tbody>tr>td{border-top:0;}
		.table{margin-bottom: 0;}
		div.tab_creat.row{background-color: #fff;}
		.tab_font{padding: 10px 0;}
		.tab_font div,.tab_font td{font-size: 14px; color: #919191;}
		.gongsi_list div.col-xs-2{padding-top:10px;padding-bottom: 10px;text-align: center;}
		.gongsi_list.row{padding: 20px;background-color: #fff;margin-top: 20px;border: 1px solid #ddd;}
		.gongsi_list dd div.col-xs-2{height: 60px;line-height: 60px;font-size: 14px; color: #4f5051;}
		.row{margin: 0;	}
		
		
		  #myTabContent img{width: 100%;height: 100%;height: 180px;}
		  #myTabContent .row{padding: 0 0 20px;position: relative;height: 200px;}
		  #myTabContent .tab_list>h5{font-size: 22px;font-weight: bold;margin: 0;}
		  #myTabContent .tab_list>p{font-size: 14px;color: #707070;padding: 10px 0;}
		  #myTabContent .tab_list>div{position: absolute;bottom: 0;}
		  #myTabContent .tab_list>div>span{font-size: 14px;color: #8e8e8e;}

	.new_list>dd{padding: 15px 0;border-bottom: 1px dashed #ddd;}
	.new_list>dt{padding: 20px;cursor: pointer;font-weight: normal;line-height:24px ;}
	.new_list>dt>section{font-size: 14px;color: #4b4b4b;}
	.new_list>dt>span{font-size: 14px;color: #878787;}
	.glyphicon-star:before{color:#6bc50d ;}
	.new_list_more{color: #cd141a;border-color:#cd141a ;margin: 0 auto;width: 80%;}

	</style>
	<body style="background-color: #f2f2f2;">
		<div class="row warp" style="height: 100%;">
			<div class="nav_right_head">
				<a href="../index.html"><img src="../img/roleIndexBg.jpg"/></a>
			</div>
			<!--左侧导航-->
			<div class="col-xs-2 nav_left">
				<div class="creatNav">投资人服务</div>
				<div class="creatLoginStatus"><img src="../img/avtar.png"><a>您好，投资人</a></div>
				<div class="list-group" style="padding: 0;">
					<a href="touziren_index.html" class="list-group-item active"><i class="glyphicon glyphicon-home"></i> 首页</a>
					<a href="touziren_renzheng.html" class="list-group-item"><i class="glyphicon glyphicon-education"></i> 投资人认证</a>
					<a href="touziren_tjxm.html" class="list-group-item"><i class="glyphicon glyphicon-folder-open"></i> 推荐的项目</a>
					<a href="touziren_tzxm.html" class="list-group-item"><i class="glyphicon glyphicon-usd"></i> 投资的项目</a>
					<a href="touziren_mynews.html" class="list-group-item" ><i class="glyphicon glyphicon-book"></i> 我的消息</a>
					<a href="touziren_lydt.html" class="list-group-item"><i class="glyphicon glyphicon-search"></i> 项目搜索</a>
				</div>
				<div class="backBtn"> <a href="../index.html"><img src="../img/backIndex.png"></a></div>
			</div>
			
			<div class="col-xs-12 nav_right">
				<div class="row " style="margin-top: 30px;">
					<div class="col-xs-7 col-xs-offset-1 pbList">
						<div class="row" style="position: relative;padding: 20px 0;" >
							<div class="col-xs-4">
								<a href=""></a><img src="../img/22.jpg" alt="" width="100%" />
							</div>
							<div class="col-xs-7 tab_list" style="height: 160px;">

								<p>HooHoo是一套景区游览与管理的解决方案，它以游戏的方式，结合App、传感器、手环等穿戴式设备引导游客探索景区、体验景区特色活动并获得奖励。HooHoo在满足游客导览的基本需求之外，还向游客提供好玩有趣的游览体验，为景区增加更多的消费；
								</p>

							</div>
						</div>
						<!--<div class="row" style="position: relative;padding: 20px 0;" >-->
							<!--<div class="col-xs-5">-->
								<!--<img src="../img/23.jpg" alt="" width="100%" height="160px" />-->
							<!--</div>-->
							<!--<div class="col-xs-7 tab_list" style="height: 160px;">-->

								<!--<p>本创意瞄准写字楼这一移动互联网的潜在入口，以智能化自动售货机为主要平台，以白领为主要用户，研究构建以小众休闲食品为主要销售内容的垂直电商平台。以售货机的智能化为主要技术创新，以线下到线上、C2B的反向销售模式为商业模式创新，以大数据的支持为运营创新，快速占据休闲食品的营销渠道，打造面向职场人士的食品电商平台。-->
								<!--</p>-->

							<!--</div>-->
						<!--</div>-->
							<!--<div class="row" style="position: relative;padding: 20px 0;" >-->
							<!--<div class="col-xs-5">-->
								<!--<img src="../img/24.jpg" alt="" width="100%" height="160px" />-->
							<!--</div>-->
							<!--<div class="col-xs-7 tab_list" style="height: 160px;">-->

								<!--<p>本项目推出的脑控飞行器针对无人机控制任务中的常用指令，结合注意力水平、视觉诱发电位、运动想象电位等脑电信号模式的解码特点，设计多模式脑机接口和无人机自主智能的高效融合控制。-->
								<!--</p>-->

							<!--</div>-->
						<!--</div>-->

						<!--<div class="row" style="position: relative;padding: 20px 0;" >-->
							<!--<div class="col-xs-5">-->
								<!--<img src="../img/25.png" alt="" width="100%" height="160px" />-->
							<!--</div>-->
							<!--<div class="col-xs-7 tab_list" style="height: 160px;">-->
								<!--<p>本创意瞄准写字楼这一移动互联网的潜在入口，以智能化自动售货机为主要平台，以白领为主要用户，研究构建以小众休闲食品为主要销售内容的垂直电商平台。以售货机的智能化为主要技术创新，以线下到线上、C2B的反向销售模式为商业模式创新，以大数据的支持为运营创新，快速占据休闲食品的营销渠道，打造面向职场人士的食品电商平台。-->
								<!--</p>-->
							<!--</div>-->
						<!--</div>-->

						<!--<div class="row" style="position: relative;padding: 20px 0;" >-->
							<!--<div class="col-xs-5">-->
								<!--<img src="../img/26.jpg" alt="" width="100%" height="160px" />-->
							<!--</div>-->
							<!--<div class="col-xs-7 tab_list" style="height: 160px;">-->
								<!--<p>设想使用LED光源光源设计一种覆盖室内小范围的无线局域网，使用者可在局部空间内通过无线传输手段实现高带宽的双向网络互联。高频段的小功率光传输方式的发射功率较小可以符合在LED白光光源中，在环保节能方面有较大的创意；此方式传输距离受遮挡物的限制，在保密安全等方面比传统方式相比有着很大优势。-->
								<!--</p>-->

							<!--</div>-->
						<!--</div>-->
					</div>


					<div class="col-xs-3">
						<dl class="new_list">
							<dd>
								<img src="../img/Express.png"/>
								<h4 style="display: inline-block;">专栏</h4>
							</dd>
							<dt>
								<section><span class="caret foldedtog"></span></span>东方循环：工业废弃物处置第三方交易服务平台</section>
								<span>10分钟前</span>
							</dt>
							<dt>
								<section><span class="caret foldedtog"></span></span>直营+合作，已布局20城150所高校，时间胶囊连接4方资源共建校园咖啡</section>
								<span>18分钟前</span>
							</dt>
							<dt>
								<section><span class="caret foldedtog"></span></span> 艾诚对话阎焱：从一年收入二毛七分钱到动辄出手几十亿，最后悔投的项目是雷士</section>
								<span>36分钟前</span>
							</dt>
							<dt>
								<section><span class="caret foldedtog"></span></span>曾3个月狂卖1亿元，单笔融资2.5亿元创行业记录，小熊尼奥让“智能教育应用+AR”落地</section>
								<span>40分钟前</span>
							</dt>
							<dt>
								<section><span class="caret foldedtog"></span></span>AH!TEE：服装再设计App</section>
								<span>52分钟前</span>
							</dt>
						</dl>
					  	<button type="button" class="btn btn-default btn-block new_list_more" style="">查看更多</button>
					 
					</div>



				</div>
					
			
		</div>
		</div>
	</body>
	<script src="../js/jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js" ></script>
	<script type="text/javascript" src="../js/public.js"></script>
	<script type="text/javascript">
		var person = JSON.parse(sessionStorage.getItem("person"));
		if (person==''||person==null) {
			alert('请先登录')
			window.location.href='denglu.html';
		} else{
			var userId = person.userid;
		}
		$.ajax({
			type: "get",
			data: {'userId':userId},
			url: "http://114.112.96.184:18080/invest",
			async: false,
			error: function (request) {
				console.log("Connection error");
			},
			success: function (data) {
				console.log(data)
				var obj = data.result.content;

				var htmls='';
				for (var i = 0; i < obj.length;i++) {
					htmls+= '<div class="row" style="position: relative;padding: 20px 0;" >'+
						'<div class="col-xs-4">'+
							'<a href="cyzfw_myProgress_xq.html?'+ obj[i].id +'"><img src="'+ obj[i].logo +'" onerror="onErrorHandle(this)" width="100%" /></a>'+
						 '</div>'+
						'<div class="col-xs-7 tab_list" style="height: 160px;">'+
							'<p>'+ obj[i].summary+ ' </p>'+
						 '</div>'+
					'</div>'
				}
				$('.pbList').html(htmls);
			}
		});

		//图片加载失败情况
		function onErrorHandle(obj){
			obj.src="../img/defaultAvatar.png";
		}
	</script>
</html>
